﻿<UserControl
    x:Class="CatchTheDot.Phone.Dot"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="104"
    d:DesignWidth="104">

    <Grid
        x:Name="LayoutRoot">
    	<Grid.RowDefinitions>
    		<RowDefinition Height="0.5*"/>
    		<RowDefinition Height="0.5*"/>
    	</Grid.RowDefinitions>
    	<Ellipse Grid.RowSpan="2">
    		<Ellipse.Fill>
    			<RadialGradientBrush GradientOrigin="0.5,1.063" Center="0.5,0.683">
    				<GradientStop Color="Black" Offset="0"/>
    				<GradientStop Color="Red" Offset="1"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
    	<Path Data="M104,52 C104,80.718803 80.718803,40 52,40 C23.281193,40 0,80.718803 0,52 C0,23.281193 23.281193,0 52,0 C80.718803,0 104,23.281193 104,52 z" Stretch="Fill" Margin="0,0,0,-14.255" UseLayoutRounding="False">
    		<Path.Fill>
    			<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
    				<GradientStop Offset="1" Color="Transparent"/>
    				<GradientStop Color="White"/>
    			</LinearGradientBrush>
    		</Path.Fill>
    	</Path>

    </Grid>
</UserControl>
